Layout.componentDidMount - Code Metrics - Inspection of "[WIP] Full redesign from zero." - soniCaH/KCVV-Elewijt-Gatsby - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Pull Request — develop (#758)

by Kevin Van

created 2022-08-29 18:34 UTC

Layout.componentDidMount A

↳ Parent: Layout

Complexity

Conditions

Size

Total Lines	20
Code Lines	17

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	17
dl	0
loc	20
rs	9.55
c	0
b	0
f	0
cc	3

// import './index.scss'
import $ from "jquery"
import React, { Component, Fragment } from "react"
import { forceCheck } from "react-lazyload"

import PageFooter from "../components/page-footer"
import PageHeader, { PageHeaderMobile } from "../components/page-header"

class Layout extends Component {
  render() {
    const { children } = this.props

    return (
      <Fragment>
        <div className={`off-canvas-wrapper`}>
          <PageHeaderMobile />
          <PageHeader />

          <main className={`off-canvas-content`} data-off-canvas-content>
            {children}
          </main>

          <PageFooter />
        </div>
      </Fragment>
    )
  }

  componentDidMount() {
    // eslint-disable-next-line
    const foundation = require("foundation-sites")
    $(document).foundation()

    $(`.main-nav a`).on(`click`, function () {
      if ($(this).attr(`href`).indexOf(window.location.pathname) === 0 && window.location.hash) {
        const url = $(this).attr(`href`)
        const hash = url.substring(url.indexOf(`#`))

        $(`.team-sub_navigation a[href="${hash}"]`).trigger(`click`, [true])
      }
    })

    if (window.location.hash) {
      $(`.team-sub_navigation a[href="${window.location.hash}"]`).trigger(`click`, [true])
    }
    $(`.tabs`).on(`change.zf.tabs`, function () {
      forceCheck()
    })
  }
}

export default Layout


1			// import './index.scss'
2			import $ from "jquery"
3			import React, { Component, Fragment } from "react"
4			import { forceCheck } from "react-lazyload"
5
6			import PageFooter from "../components/page-footer"
7			import PageHeader, { PageHeaderMobile } from "../components/page-header"
8
9			class Layout extends Component {
10			render() {
11			const { children } = this.props
12
13			return (
14			<Fragment>
15			<div className={`off-canvas-wrapper`}>
16			<PageHeaderMobile />
17			<PageHeader />
18
19			<main className={`off-canvas-content`} data-off-canvas-content>
20			{children}
21			</main>
22
23			<PageFooter />
24			</div>
25			</Fragment>
26			)
27			}
28
29			componentDidMount() {
30			// eslint-disable-next-line
31			const foundation = require("foundation-sites")
32			$(document).foundation()
33
34			$(`.main-nav a`).on(`click`, function () {
35			if ($(this).attr(`href`).indexOf(window.location.pathname) === 0 && window.location.hash) {
36			const url = $(this).attr(`href`)
37			const hash = url.substring(url.indexOf(`#`))
38
39			$(`.team-sub_navigation a[href="${hash}"]`).trigger(`click`, [true])
40			}
41			})
42
43			if (window.location.hash) {
44			$(`.team-sub_navigation a[href="${window.location.hash}"]`).trigger(`click`, [true])
45			}
46			$(`.tabs`).on(`change.zf.tabs`, function () {
47			forceCheck()
48			})
49			}
50			}
51
52			export default Layout
53

soniCaH / KCVV-Elewijt-Gatsby

Pull Request — develop (#758)

Layout.componentDidMount A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like